﻿<html>
<head>
 
   //例子 1
  <h1 onclick="this.innerHTML='谢谢!'">请点击该文本</h1>
  
  //例子 2
  <script>
   function changetext(id){
    id.innerHTML="谢谢!";
   }
  </script>
   
</head>
<body onload="checkCookies()">
 <h1 onclick="changetext(this)">请点击2文本<h1>
   
  //3、HTML 事件属性
  
  <button onclick="displayDate()">点击这里</button>
  <script>
    function displayDate(){
	 document.getElementById("demo").innerHTML=Date();
	}
  </script>
   <p id ="demo"></p>
  
  
  //4、使用 HTML DOM 来分配事件
   <button id ="myBtn">点击这里</button>
   <script>
    document.getElementById("myBtn").onclick=function(){displayDate()};
	function displayDate(){
	  document.getElementById("dom").innerHTML=Date();
	}
	
   </script>
   
   <p  id ="dom"></p>
	
	//onload 和 onunload 事件可用于处理Cookie
	
	
	<script>
	  function checkCookies(){
	   if(navigator.cookieEnabled==true){
	    alert("已启用 cookie");
	   }else{
	    alert("未启动 cookie")
	   }
	  }
	 </script>
	  <p> 提示框会告诉你,浏览器是否已启动cookie。</p>
	
	//5、onchange 事件
		  <script>
	       function changeFunction(){
		    var x = document.getElementById("frame");
			x.value=x.value.toUpperCase();
		   }
	   </script>
		<br>
		请输入英文字符:<input type="text" id="frame" onchange="changeFunction()">
		<p>当您离开输入字段时，会触发将输入文本转换成大写的函数.</p>
	    
     
	
	

   
</body>
<html>